<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./jquery.js"></script>
  </head>
  <style>
    * {
      margin: 0;
    }
    body {
      position: relative;
    }
  </style>
  <body>
    <button id="btn">anniu</button>
    <div id="loading">数据加载中....</div>
  </body>
  <script>
    $(function () {
      $('#loading').hide()
      //   console.log($('div').css({ width: '500px', height: '300px' }))
      //   console.log($('div').css('height'))
      //   console.log($('div').css('background'))
      //   console.log($('div').height()) //内容部分
      //   console.log($('div').innerHeight()) //包括内边距
      //   console.log($('div').outerHeight()) //包括内边距和边框
      //   console.log($('div').outerHeight(true)) //包括内边距和边框和外边距
      //   console.log($('div').position())
      //   console.log($('div').offset())
      $('#btn').click(function () {
        // console.log($('.con1').scrollLeft())
        // console.log($('.con1').scrollTop())
        // $('.con1').scrollLeft(0)
        // $('.con1').scrollTop(0)
        // $('.con1').addClass('a b')
        // $('.con1').toggleClass('a')
        $.ajax({
          url: 'http://mpimtest.airchina.com.cn/fw_cms_api/cms/getAirportInfoURL/',
          method: 'POST',
          data: {
            aptCode: 'JNB',
            depId: 'R002',
          },
          dataType: 'json',
          success: function (res) {
            console.log(res)
            $('#loading').hide()
          },
          complete: function (xhr) {
            console.log(xhr)
          },
          error: function (err) {
            console.log(err)
          },
        })
        //     $.post(
        //       'https://liu.zzgoodqc.cn/register',
        //       { username: 123, password: 16, email: 'yyyyyy' },
        //       function (res) {
        //         var str = ''
        //         for (let i in res.data) {
        //           str += `<div>${res.data[i].title}</div>`
        //         }
        //         $('#btn').before(str)
        //       },
        //       'json'
        //     )
      })
    })
  </script>
</html>
